const register = document.querySelector(".register");//注册的盒子
const login = document.querySelector(".login");//登录的盒子

const registerForm = register.querySelector('form')//注册的表单
const loginForm = login.querySelector("form");//登录的表单

const registerA = document.querySelector(".register a");//注册的盒子
const loginA = document.querySelector(".login a");//登录的盒子
// 点击注册跳转登录
registerA.addEventListener('click',function(e){
	login.style.display = 'block'
	register.style.display = "none";
})
// 点击登录跳转注册
loginA.addEventListener("click", function (e) {
  login.style.display = "none";
  register.style.display = "block";
});
// 注册的盒子表单
registerForm.addEventListener('submit',  function (e) {
	// 阻止默认行为
	e.preventDefault()
	// 获取表单数据
	const data = serialize(registerForm, { hash: true, empty: true });
	if (!/[a-zA-Z0-9]{2,30}/.test(data.username)) {
    toastr.error("请输入账号2-30");
    return;
  }
  if (!/[a-zA-Z0-9]{6,30}/.test(data.password)) {
    toastr.error("请输入密码6-30");
    return;
  }
	// 发送请求
axios({ url: "api/register", method: "post", data })
	.then((res) => {
		// 判断code是否为0，如果是0 表示请求成功 执行下列代码
		if (res.data.code === 0) {
			// 如果为0 弹出提示
			toastr.success(res.data.message);
			// 清空表单
		  	registerForm.reset();
			// 跳转登录
				registerA.click();
		}
	}).catch(error => {
		  console.dir(error);
		 toastr.error('账号已存在');
	})
	
})
// 登录表单
loginForm.addEventListener("submit", function (e) {
  // 阻止默认行为
	e.preventDefault();
  // 获取表单数据
	const data = serialize(loginForm, { hash: true, empty: true });
	if (!/[a-zA-Z0-9]{2,30}/.test(data.username)) {
    toastr.error("请输入账号2-30");
    return;
  }
  if (!/[a-zA-Z0-9]{6,30}/.test(data.password)) {
    toastr.error("请输入密码6-30");
    return;
  }
  axios({ url: "api/login", method: "post", data })
    .then((res) => {
      if (res.data.code === 0) {
        toastr.success(res.data.message);

       localStorage.setItem("token", res.data.token);
       setTimeout(() => {
        location.href = "dashboard.html";
       }, 1000);
       loginForm.reset();
		}
	})
	.catch((error) => {
	   console.dir(error);
      toastr.error('账号或密码错误');
  	});
});



